﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="Cloud.Login" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>DOCUART-Cloud Login</title>
    <style type="text/css">
        body 
        {
            font-size: .80em;
            font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
            margin: 0px;
            padding: 0px;
            color: #696969;
        }
        
        .ContainerTable 
        {
        	text-align:left;
        	border-left:1px solid #98BAE8;
	        border-bottom:1px solid #98BAE8;
	        border-right:1px solid #98BAE8;
	        border:1px solid #98BAE8;
	        
	        background-color:#DFE8F6;
        }
        
        .Header 
        {
        	color:#006699;
        	font-size:20px;
        	font-weight:bold;
        }
        
        input[type=text], input[type=password]
        {
        	width:159px;
	        border:1px solid #C8C8C8;
	        background-image:url('/Images/Common/TextBox.gif');
	        background-position:top;
	        background-repeat:repeat-x;
	        background-color:#FFFFFF;
	        font-family: Tahoma;
	        font-size:13px;
	        text-align:center;
	        
        }
        
        .background {
            min-height: 100%;
            min-width: 1024px;
            width: 100%;
            height: auto;
            position: fixed;
            top: 0;
            left: 0;}
 
        @media screen and (max-width: 1024px){
        .background {
              left: 50%;
              margin-left: -512px;}
        }
        
        .ContainerTable {
            position: relative;
            width: 550px;
            margin: 50px auto;
            padding: 20px;
            background: white;
            
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            -khtml-border-radius: 10px;
            border-radius: 10px;

            
            -moz-box-shadow: 0 0 20px #000;
            -webkit-box-shadow: 0 0 20px #000;
            box-shadow: 0 0 20px #000; 
         }
         
         .ui-widget-header, .ui-widget-content
         {
         	font-size: 12px;
            font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
         }
    </style>

    <script src="/Javascript/ThirdParty/jquery-1.4.2.min.js" type="text/javascript"></script>
    <script src="/Javascript/ThirdParty/jquery-ui-1.8.14.custom/js/jquery-ui-1.8.14.custom.min.js" type="text/javascript"></script>
    <link href="/Javascript/ThirdParty/jquery-ui-1.8.14.custom/css/ui-lightness/jquery-ui-1.8.14.custom.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <form id="form1" runat="server">
    <img alt="" src="/Images/Login/clouds.jpg" class="background">
    <div>
    <center style="padding-top:100px">
        <table class="ContainerTable" cellpadding="0" cellspacing="0" border="0" >
            <tr>
                <td colspan="3">
                    <table cellpadding="0" cellspacing="0" border="0" >
                        <tr>
                            <td rowspan="8" style="height:200px;width:225px">
                                <img src="/Images/Login/Login.jpg" />
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2" style="padding-top:10px">Sisteme giriş için aşağıdaki bilgileri doldurunuz.</td>
                        </tr>
                        <tr>
                            <td class="Label" >Firma Kodu:</td>
                            <td><asp:TextBox runat="server" ID="_firmaKodu" /></td>
                        </tr>
                        <tr>
                            <td class="Label" >Kullanıcı Adı:</td>
                            <td><asp:TextBox runat="server" ID="_kullaniciAdi" /></td>
                        </tr>
                        <tr>
                            <td class="Label" >Şifreniz:</td>
                            <td><asp:TextBox runat="server" ID="_sifre" TextMode="Password" /></td>
                        </tr>
                        <asp:Panel runat="server" ID="_pnlGuvenlikKodu">
                        <tr>
                            <td class="Label" ><a href="#" tabindex="75" onclick="RefreshCaptcha()">Resmi Değiştir</a></td>
                            <td><img id="_captcha" width="161px" style="border:1px solid #C8C8C8" /></td>
                        </tr>
                        <tr>
                            <td class="Label" >Doğrulama Kodu:</td>
                            <td><asp:TextBox runat="server" ID="_dogrulamaKodu" onblur="this.value = this.value.toUpperCase()" /></td>
                        </tr>
                        </asp:Panel>
                        <tr>
                            <td></td>
                            <td>
                                <asp:ImageButton runat="server" ID="_login" ImageUrl="/Images/Login/LoginBtn.gif" onclick="_login_Click" />
                                <asp:ImageButton runat="server" ID="_sifremiUnuttum" ImageUrl="/Images/Login/PassBtn.gif" />
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
    </center>
    </div>
    <div id="ModalDialog" title="Hata Oluştu" runat="server"></div>
    </form>
</body>
<script type="text/javascript">
    function RefreshCaptcha() {
        document.getElementById('_captcha').src = '/Util/Captcha.aspx?' + (new Date()).getTime();
        document.getElementById('_dogrulamaKodu').value = '';
    }
    if (document.getElementById('_captcha')) {
        RefreshCaptcha();
    } else {
    }

    if ($("#ModalDialog")[0].innerHTML != "") {
        $("#ModalDialog").dialog({
            modal: true,
            resizable: false,
            buttons: {
                Tamam: function () {
                    $("#ModalDialog")[0].innerHTML = "";
                    $(this).dialog("close");
                }
            }
        });
    }
</script>
</html>
